<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="./favicon.ico">
    <title>Blackvon 起始页 | 百度，Google，Bing 搜索</title>
    <meta name="keywords" content="Blackvon 起始页 | 百度，Google，Bing 搜索">
    <meta name="description" content="Blackvon 起始页 | 集合了百度，Google，Bing 搜索">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="container">
        <div style="margin-top: 150px;">
            <div class="row clearfix">
                <div class="col-md-4 col-md-offset-4 col-sm-12">
                    <img src="./img/logo.png" alt="Blackvon" width="100%">
                </div>
            </div>
            <div class="row clearfix">
                <div class="col-md-8 col-md-offset-2 col-sm-12">
                    <div class="bs-example bs-example-form" role="form">
                        <div class="input-group">
                            <div class="input-group-btn">
                                <button type="button" class="btn btn-default 
                            dropdown-toggle" data-toggle="dropdown" id="btn-choose">百度
                                </button>
                                <ul class="dropdown-menu" id="ul-menu">
                                    <li>
                                        <a href="#" data-url="https://www.baidu.com/s?wd=">百度</a>
                                    </li>
                                    <li>
                                        <a href="#" data-url="https://www.google.com/search?q=">Google</a>
                                    </li>
                                    <li>
                                        <a href="#" data-url="https://cn.bing.com/search?q=">Bing</a>
                                    </li>
                                </ul>
                            </div><!-- /btn-group -->
                            <div class="dropdown" id="dropdown-menu">
                                <input type="text" class="form-control" id="key" autocomplete="off"
                                    data-toggle="dropdown">
                            </div>
                            <span class="input-group-btn">
                                <button class="btn btn-primary" type="button" id="btn-search"><i
                                        class="glyphicon glyphicon-search"></i>
                                    搜索</button>
                            </span>
                        </div><!-- /input-group -->
                    </div>
                </div>
                <div class="col-md-8 col-md-offset-2 col-sm-12">
                    <div class="tag">
                        <div class="tagList">
                        </div>
                        <span class="label label-default" title="收藏网址" data-toggle="modal" data-target="#addNewTag"> <i
                                class="glyphicon glyphicon-plus"></i> </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="topRight">
            <button type="button" class="btn btn-link" id="btn-saveTagJson">保存标签</button>
            <button type="button" class="btn btn-link" id="btn-importTagJson">还原标签</button>
            <input type="file" class="file" value="上传文件" accept="application/json"  id="files"/>
        </div>
        <div class="modal fade" id="addNewTag" tabindex="-1" role="dialog" aria-labelledby="addNewTagLabel"
            aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="addNewTagLabel">
                            收藏网址
                        </h4>
                    </div>
                    <div class="modal-body">
                        <div class="form">
                            <div class="form-group">
                                <label for="tag-title">名称</label>
                                <input type="text" class="form-control" id="tag-title" placeholder="BlackvonCode">
                            </div>
                            <div class="form-group">
                                <label for="tag-url">网址</label>
                                <input type="text" class="form-control" id="tag-url" placeholder="https://s.blackvon.cn/">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                        </button>
                        <button type="button" class="btn btn-primary" id="btn-saveNewTag">
                            保存
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <footer class="navbar-fixed-bottom" style="margin-bottom: 10px;">
            <div class="text-center">© 2019-2021 blackvon.cn 版权所有 ICP证：<a
                    href="https://beian.miit.gov.cn/">晋ICP备19006425号-3</a></div>
        </footer>
        <script src="./js/jquery.js"></script>
        <script src="./js/jquery.cookie.js"></script>
        <script src="./js/bootstrap.min.js"></script>
        <script src="./js/FileSaver.js"></script>
        <script src="./js/index.js"></script>
</body>

</html>